export const waveLineSvg = (color = '#ddd') => {
  const svgXml = `
<svg width="79" height="10" viewBox="0 0 79 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M79 9C70.0302 9 65.1026 1 59.251 1C53.3995 1 48.4718 9 39.502 9C30.5322 9 25.6046 1 19.753 1C13.9015 1 8.97387 9 0.00405232 9L0 9C8.96981 9 13.8974 1 19.749 1C25.6005 1 30.5282 9 39.498 9C48.4678 9 53.3954 1 59.247 1C65.0985 1 70.0261 9 78.996 9" stroke="url(#paint0_linear_29_1674)" stroke-width="2" stroke-miterlimit="10"/>
<defs>
<linearGradient id="paint0_linear_29_1674" x1="-1.74845e-07" y1="5" x2="79" y2="5" gradientUnits="userSpaceOnUse">
<stop stop-color="#ffffff"/>
<stop offset="0.548206" stop-color="#ffffff"/>
<stop offset="1" stop-color="#ffffff" stop-opacity="0"/>
</linearGradient>
</defs>
</svg>
`
  return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(svgXml)}`
}
